<template>
	<view class="">
		<nav-bar :idx="4"></nav-bar>
		<view class="title">
			<p>请输入标题</p>
			<input type="text" name="" id="" placeholder="输入文章标题">
		</view>
		<view class="title">
			<p>请输入二级标题</p>
			<input type="text" name="" id="" placeholder="输入文章二级标题">
		</view>
		<view class="labels">
			<p>请选择标签</p>
			<label for="">
				<select name="" id="">
					<option value="">1</option>
					<option value="">2</option>
					<option value="">3</option>
				</select>
			</label>
			<view class="">
				<button>标签管理</button>
				<ul>
					<li>
						<img src="/static/write/add.png" alt="" />
						<p>增加</p>
					</li>
					<li>
						<img src="/static/write/delete.png" alt="" />
						<p>删除11</p>
					</li>
				</ul>
			</view>
		</view>
		<view class="times">
			<p>请选择时间</p>
			 <uni-calendar 
			    ref="calendar"
			    :insert="false"
				:lunar="true"
			    @confirm="confirm"
			     />
			     <button @click="open">打开日历</button>
		</view>
		<view class="img-pic">
			<p>请上传图片</p>
			<input type="file" name="" id="">
		</view>
		<markdown-editor ref="markdownView"></markdown-editor>
	</view>
</template>

<script>

	export default {
		data() {
			return {
			}
		},
		methods: {
			 open(){
			            this.$refs.calendar.open();
			        },
			        confirm(e) {
			            console.log(e);
			        }
		}
	}
</script>

<style>
.container {
	height: auto;
	min-height: 100vh;
}

.background-img {
	background-image: url(/static/background.png);
	background-repeat: repeat-y;
	background-size: 100% auto;
	min-height: 100vh;
	height: auto;
}

.content {
	padding: 40rpx;
	max-width: 1200rpx;
	margin: 0 auto;
}
</style> 